<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF3008.html" var="ingresosSalidasAgencias"/>

<script language="JavaScript" src="javascript/HMF2003.js" type=text/javascript></script>
<script type="text/javascript">

    $(document).ready(function(){
        $("#fechadesde").datepicker();
        $("#fechahasta").datepicker();
    });
    
    function cursor_wait() {
      document.body.style.cursor = 'wait';
    }
    
    function show_loading(){  
    var loadingAnim = document.getElementById('loading_mostrar');  
    loadingAnim.innerHTML = '<img src="imagenes/logoProcesandoDown.gif" width=' + xx_d + 'height=' + yy_d + 'alt="Procesando" />';  
    loadingAnim.style.display = 'block';      
    }  
    
    function mostrarAgencia() {      
      //alert("mostrar..");  
      if (document.forms[0].fechadesde.value== "") {
        alert("Ingrese la Fecha Desde");
        document.forms[0].fechadesde.focus();
        return false;
      }
    
       if (document.forms[0].fechahasta.value== "") {
        alert("Ingrese la Fecha Hasta");
        document.forms[0].fechahasta.focus();
        return false;
      }
    
    if(!checkDate(document.forms[0].fechadesde)) return false;
    if(!checkDate(document.forms[0].fechahasta)) return false; 
    
     //activar el div procesando con javascript
      show_loading();
      setTimeout('show_loading();', 1000);
      cursor_wait() ;
       //////
    moveForward('mostrar');      
    return true;
       
    }

    function openwin2(url,winheight,winwidth)
        {
        var frm = document.forms[0];
        //Default sizes for window
        if( frm.fechadesde.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechadesde.focus();
        return false;
        }  
        if( frm.fechahasta.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechahasta.focus();
        return false;
        }  
        if(!checkDate(document.forms[0].fechadesde)) return false;
        if(!checkDate(document.forms[0].fechahasta)) return false; 
        var xx, yy;
            xx = 90;
            yy = 90;
        es = 1;
        
        if (winwidth==null) winwidth='450';
                    if (winheight==null) winheight='920';
        popupwin = window.open('about:blank', 'window1', 'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight+ ', top=' + yy + ', left=' + xx);
        popupwin.resizeTo(winwidth, winheight);
        var fi= document.forms[0].fechadesde.value;
        var ff= document.forms[0].fechahasta.value;
        var action = 'reporteHMR3008.jsp?fi='+fi+'&ff='+ff;
        var target = 'window1';
        document.forms[0].target = target;
        var target = 'window1';
        document.forms[0].target = target;
        document.forms[0].action = action;
        document.forms[0].submit();
        }
        
    function openwin(url,winheight,winwidth)
        {
         var frm = document.forms[0];
        //Default sizes for window
        if( frm.fechadesde.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechadesde.focus();
        return false;
        }  
        if( frm.fechahasta.value == "" ) {    
        alert("Ingrese la Fecha");
        frm.fechahasta.focus();
        return false;
        }  
        if(!checkDate(document.forms[0].fechadesde)) return false;
        if(!checkDate(document.forms[0].fechahasta)) return false; 
        winwidth='450';
        winheight='920';
        window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);      
         var fi= document.forms[0].fechadesde.value;
        var ff= document.forms[0].fechahasta.value;
        var accion = 'exportarHMF3008';
        var target = 'window1';
        document.forms[0].target = target;        
        document.forms[0].accion.value = accion;
        document.forms[0].submit();        
        }
    function exportarExcel(){
        var accion = 'exportarExcel';
        document.forms[0].accion.value = accion;
        document.forms[0].submit();  
    }

    </script>

<style type="text/css">  
<!-- 
#loading_mostrar {display:none;}  
-->  
</style> 

<form:form modelAttribute="form" action="${ingresosSalidasAgencias}">
  <form:hidden path="control"/>
  <form:hidden path="accion"/>

<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

  <table id="fullheighttable" width="775" cellspacing="0" cellpadding="0"
         align="center">
    <tr>
      <td align="left" valign="top" class="fondo_contenido padtop16left21">
        <table border="0" cellspacing="0" cellpadding="0"
               class="verdana11bazul">
          <tr>
            <td height="22" align="left" valign="top" class="verdana11bazul">
              <ul class="navlist2">
                <li>MOVIMIENTO&nbsp;DE&nbsp;INGRESOS&nbsp;Y&nbsp;SALIDAS&nbsp;-&nbsp;AGENCIAS</li>
              </ul>
            </td>
            <td align="left" width="80">
               <a href="#" id="opener_agregarFavoritos"> <img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a>
            </td>
          </tr>
          <tr>
            <td align="left" valign="top" class="borde_totalblanco">
              <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="62" height="23" align="left" valign="top"
                      class="verdana10bazul">Cliente</td>
                  <td height="23" align="left" valign="top"
                      class="verdana10negro" width="636">                    
                    <c:out value="${sessionScope.nombreCliente}"/>
                  </td>
                </tr>
                <!-- Muestra el grupo de clientes en caso de coorporaciÃ³n      -->                
                <c:if test="${not empty listaClientes}">
                  <tr>
                    <td width="61" height="23" align="left" valign="top"
                        class="verdana10bazul">Grupo Cliente</td>
                    <td width="655">
                    
                    <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="cli_grupo">                        
                                <form:option value=""></form:option>
                                <form:options items="${listaClientes}"
                                              itemValue="codCliente"
                                              itemLabel="nombre"/>
                    </form:select>                     
                    </td>
                  </tr>
                </c:if>
                <tr>
                  <td height="34" align="left" valign="bottom"
                      class="verdana10bazul" width="61">Fecha</td>
                  <td height="34" align="left" valign="bottom"
                      class="verdana10negro" width="655">
                    <table border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td align="center" valign="bottom" class="padright10">
                          <div class="fondo_txtbox90">
                            <form:input path="fechadesde" maxlength="10" size="12" readonly="false"/>
                          </div>
                        </td>
                        <td class="verdana10bazul">&nbsp;&nbsp;&nbsp;al&nbsp;&nbsp;&nbsp; </td>
                        <td align="center" valign="bottom" class="padright10">
                          <div class="fondo_txtbox90">
                            <form:input path="fechahasta" maxlength="10" size="12" readonly="false"/>
                          </div>
                        </td>
                        <td class="verdana10bazul">&nbsp;&nbsp;&nbsp;hora&nbsp;&nbsp;&nbsp; </td>
                        <td width="83" align="center" valign="middle">
                          <div class="fondo_txtbox65">
                            <form:input path="hora" maxlength="9" size="9" readonly="true"/>
                          </div>
                        </td>
                        <td width="140" align="right" valign="middle">
                          <input type="button" value="Mostrar" name="mostrar" class="boton" onclick="mostrarAgencia()"/>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
             <tr>
                    <td colspan="2" align="center">    
                    <div id="loading_mostrar"><img id="logoDown" src="imagenes/logoProcesandoDown.gif" alt="Procesando" /></div>  
                    </td>
              </tr>

        </table>
        <table border="0" cellpadding="0" cellspacing="0" class="margintop20"
               width="98%">
          <tr>
            <td width="100%">
              <display:table id="lista" name="listaEntradasSalidasAgencias"
                             cellpadding="0" cellspacing="0" style="width:100%"
                             pagesize="10" export="true"
                             requestURI="${ingresosSalidasAgencias}" class="its7">
                <tbody>
                  <display:column property="fecha" headerClass="even"
                                  class="even " title="Fecha"/>
                  <display:column property="serie" headerClass="even"
                                  class="even " title="Serie"/>
                  <display:column property="numero" headerClass="even"
                                  class="even " title="CS"/>
                  <display:column property="desPunto" headerClass="even"
                                  class="even " title="Punto HTB"/>
                  <display:column property="tipoRem" headerClass="even"
                                  class="even " title="Tipo"/>
                  <display:column property="tipoBill" headerClass="even"
                                  class="even " title="Tipo Bill"/>
                  <display:column property="moneda" headerClass="even"
                                  class="even" title="Moneda"/>
                  <display:column property="monto" headerClass="even"
                                  class="cellderecha " title="Monto"/>  
                </tbody>
              </display:table>
            </td>
          </tr>
          <tr>
            <td>&nbsp;</td>
          </tr>
          <tr>
          <td align="right">
          <table border="0" width="60%">
          
          <c:if test="${not empty listaEntradasSalidasAgencias}">
          <tr>
            <td class="verdana11bazul">&nbsp;</td>
            <td class="verdana11bazul">INGRESOS</td>
            <td class="verdana11bazul">SALIDAS</td>
          </tr>            
            <c:if test="${not empty listMontos}">
               <c:forEach items="${listMontos}" varStatus="rowTot" var="listMontos">
                <tr>
                  <td class="verdana11bazul">
                    <c:out value="${listMontos.mensaje}"/>
                  </td>
                  <td class="verdana11bazul">
                    <c:out value="${listMontos.montoIng}"/>
                  </td>
                  <td class="verdana11bazul">
                    <c:out value="${listMontos.montoSal}"/>
                  </td>
                </tr>
              </c:forEach>
            </c:if>
            
          </c:if>
          </table>
          </td>
          </tr>
        </table>
        <div class="margintop31" align="center">
          <input name="Submit" type="button" class="boton"
                 value="Generar Archivo"
                 onclick="javascript:exportarExcel();"></input>
        </div>
      </td>
    </tr>
  </table>
</form:form>